#{extends 'main_adm.html' /}
#{set title:'Relatório de Pedidos' /}

<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="../../../public/stylesheets/layout_relatorio.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../../public/stylesheets/layout_listagem.css">
</head>

<body>  
 
<div id="geral" align="center">

    <div id="lista_relatorio" style="float:right" >
    
                <table  id="tab" align="center">
                    <thead>
                        <tr>
                            <th width="98">Código</th>
                            <th width="195">Cliente</th>
                            <th width="139">Telefone</th>
                            <th width="92">Qntd Itens</th>
                            <th width="132">Valor</th>
                            <th width="132">Data</th>
                            <th width="132">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        
                        <tr>
                            <td>1</td>
                            <td>Jose Alberto</td>
                            <td>3434 - 3322</td>
                            <td>3</td>
                            <td>R$ 120,90</td>
                            <td>13/03/2013</td>
                            <td>Finalizado</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>Jose Alberto</td>
                            <td>3434 - 3322</td>
                            <td>3</td>
                            <td>R$ 120,90</td>
                            <td>13/03/2013</td>
                            <td>Finalizado</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>Jose Alberto</td>
                            <td>3434 - 3322</td>
                            <td>3</td>
                            <td>R$ 120,90</td>
                            <td>13/03/2013</td>
                            <td>Finalizado</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>Jose Alberto</td>
                            <td>3434 - 3322</td>
                            <td>3</td>
                            <td>R$ 120,90</td>
                            <td>13/03/2013</td>
                            <td>Finalizado</td>
                        </tr>
    
                    </tbody>
                    <tfoot>
                    </tfoot>
    
                </table>
                
    </div>
       
    <div id="consulta" style="float:left">
            <h3>Consultar por...</h3>
            <br />
            <p>Opção:</p>
            <select id="escolha">
            <option value=""></option>
            <option value="Valor">Valor</option>
            <option value="Qntd itens">Qntd itens</option>     
            </select>
            
            <p>Status:</p>
            <select id="escolha">
            <option value=""></option>
            <option value="Finalizado">Finalizado</option>
            <option value="Não finalizado">Não finalizado</option>
            </select>
            
            <p>Ordem:</p>
            <select id="escolha">
            <option value=""></option>
            <option value="Crescente">Crescente</option>
            <option value="Decrescente">Decrescente</option>
            </select>
            
            <br />
            <br />
            <p>Data de Cadastro</p>
            <br />
            <p>De:</p><input id="escolha" type="date" />
            <p>Até:</p><input id="escolha" type="date" />
            <br />
            <br />
            <br />
            <input type="image" id="botaoConsultar" src="../../../public/images/botaofiltro.png"/>
            
    </div>
</div>
	<div id="clear" style="clear:both">
    </div>
  
</body>
</html>